<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui" 
    xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:composition template="layout.xhtml">

        <ui:define name="title">
            Emitir Certidão Negativa
        </ui:define>


        <ui:define name="content">           
            <h:form id="emitirCertidaoForm">

                <p:messages id="emitirCertidaoMessages" autoUpdate="true" />

                <div class="actions">
                    <div id="buttons">
                        <p:button value="Pesquisar" outcome="pesquisarImovel.xhtml"
                                  icon="ui-icon-search" styleClass="ui-priority-primary">
                        </p:button>
                    </div>
                </div>                

                <f:validateBean disabled="true">

                    <p:fieldset legend="Filtros" id="dadosPessoaPanel">

                        <p:panel styleClass="column6 noborder">
                            <div class="row">
                                <div class="column2">
                                    <p:outputLabel value="Tipo" for="nomeInputText"
                                                   rendered="#{ managerEmitirCertidaoNegativa.cliente.id == null }" />
                                </div>
                                <div class="column10">                                
                                    <p:selectOneRadio id="tipoPessoaSelectOneMenu" value="#{ managerEmitirCertidaoNegativa.cliente.tipoPessoa }" >
                                        <f:selectItems value="#{ enums.tiposPessoa() }" />
                                        <p:ajax event="change" update="dadosPessoaPanel" />
                                    </p:selectOneRadio>
                                </div>
                            </div>
                        </p:panel>

                        <p:panel styleClass="column12 noborder" rendered="#{ managerEmitirCertidaoNegativa.cliente.tipoPessoa eq 'FISICA'}">

                            <div class="row">                            
                                <div class="column2">
                                    <p:outputLabel value="Nome" for="nomeInputText" />
                                </div>
                                <div class="column4">
                                    <p:inputText id="nomeInputText" value="#{ managerEmitirCertidaoNegativa.cliente.nome }"
                                                 required="true" requiredMessage="Nome é obrigatório" />
                                </div>

                                <div class="column1">
                                    <p:outputLabel value="CPF" for="cpfInputMask" />                                
                                </div>
                                <div class="column3">
                                    <p:inputMask id="cpfInputMask" value="#{ managerEmitirCertidaoNegativa.cliente.cpf }" mask="999.999.999-99"
                                                 required="true" requiredMessage="CPF é obrigatório" />
                                </div>
                            </div>

                        </p:panel>

                        <p:panel styleClass="column12 noborder" rendered="#{ managerEmitirCertidaoNegativa.cliente.tipoPessoa eq 'JURIDICA'}">
                            <div class="row">
                                <div class="column2">
                                    <p:outputLabel value="Razão Social" for="razaoSocialInputText" />
                                </div>
                                <div class="column4">
                                    <p:inputText id="razaoSocialInputText" value="#{ managerEmitirCertidaoNegativa.cliente.razaoSocial }"
                                                 required="true" requiredMessage="Nome é obrigatório" />
                                </div>
                                <div class="column1">
                                    <p:outputLabel value="CNPJ" for="cnpjInputText" />
                                </div>
                                <div class="column3">
                                    <p:inputMask id="cnpjInputText" value="#{ managerEmitirCertidaoNegativa.cliente.cnpj }" mask="99.999.999/9999-99"
                                                 required="true" requiredMessage="CNPJ é obrigatório" />
                                </div>
                            </div>
                        </p:panel>

                    </p:fieldset>

                    <div class="command">
                        <p:commandButton styleClass="ui-priority-primary" actionListener="#{ managerEmitirCertidaoNegativa.emitirCertidao() }"
                                         value="Emitir Certidão" ajax="false" />
                        <p:commandButton value="Limpar" icon="ui-icon-close" process="@this" update="@form" actionListener="#{ managerEmitirCertidaoNegativa.limpar() }" />
                    </div>

                </f:validateBean>

            </h:form>
        </ui:define>
    </ui:composition>

</html>
